<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.inner {
				width: 265px;
				height: 400px;
				position: absolute;
				top: 33px;
				left: 13px;
				/*cursor: pointer;*/
				overflow: hidden;
			}
			.innerbox {
				overflow-x: hidden;
				overflow-y: auto;
				color: #000;
				font-size: .7rem;
				font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
				height: 100%;
			}
			/*滚动条样式*/
			
			-webkit-scrollbar {
				/*滚动条整体样式*/
				width: 4px;
				/*高宽分别对应横竖滚动条的尺寸*/
				height: 4px;
			}
			-webkit-scrollbar-thumb {
				/*滚动条里面小方块*/
				border-radius: 5px;
				-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.0);
				background: rgba(0, 0, 0, 0.0);
			}
			-webkit-scrollbar-track {
				/*滚动条里面轨道*/
				-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.0);
				border-radius: 0;
				background: rgba(0, 0, 0, 0.0);
			}
			::-webkit-scrollbar {
				display: none;
				/*隐藏滚轮*/
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">标题</h1>
		</header>
		<div class="mui-content">
			<div class="inner">
				<div class="innerbox">
					<p style="height:200px;">这是内容111</p>
					<p style="height:400px;">这里是内容222</p>
					<p>这里是内容333</p>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>